<div id="app">
  <h2>Router Study</h2>
  <nav>
    <!-- <a routerLink="/crisis-center" routerLinkActive="active-link">crisis center</a> |
    <a routerLink="/heroes" routerLinkActive="active-link">heroes</a> -->
    <a (click)="toCrisisCenter()" routerLinkActive="active-link">crisis center</a> |
    <a (click)="toHeroes()" routerLinkActive="active-link">heroes</a>
  </nav>
  <router-outlet></router-outlet>
</div>